<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Ext.Carousel</title>
    <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
    <link rel="stylesheet" type="text/css" href="../shared/example.css" />
    <link rel="stylesheet" type="text/css" href="carousel.css" />
    <script type="text/javascript" src="../../bootstrap.js"></script>
	<script type="text/javascript" src="CarouselModel.js"></script>
	<script type="text/javascript" src="CarouselStore.js"></script>
	<script type="text/javascript" src="Reflection.js"></script>	
	<script type="text/javascript" src="Image.js"></script>  	
    <script type="text/javascript" src="Carousel.js"></script>
    <script type="text/javascript" src="example.js"></script>
</head>
<body>
    <h1>Ext.Carousel</h1> 
    <p>The js is not minified so it is readable. See <a href="Carousel.js">carousel.js</a>.</p> 
    <div id="carousel-div">
	</div>
	
	<!-- Define left and right buttons. -->
	<input id="left-but"  type="button" value="Left" />
	<input id="right-but" type="button" value="Right" />

	<!-- Define elements to accept the alt and title text from the images. -->
	<p id="title-text"></p>
	<p id="alt-text"></p>
</body>
</html>
